<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口标准化 -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimun-scale=1.0, maximun-scale=1.0, user-scale=no">
    <title>售货机2.0--设备铺货</title>

    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="./css/run.css">

    <!-- 导入js文件 -->
    <script src="./js/run.js"></script>
</head>

<body>
    <!-- 管理导航栏 -->
    <section class="nav">
        <!-- 管理左侧 -->
        <a href="../../index.html" class="left">铺货管理</a>
        <!-- 管理右侧 -->
        <div class="right">|</div>
    </section>

    <!-- Tab选择栏 -->
    <section class="demo">
        <div class="total">设备调拨</div>
        <div class="rank">一键铺货</div>
    </section>

    <section class="main">
        <!-- 数据总览 -->
        <div class="item" id="content_1">
            <!-- 销售额数据 -->
            <div class="demo1">
                <div class="icon"></div>
                <div class="title">扫码分拨</div>
            </div>
            <div class="demo2">
                <div class="icon"></div>
                <div class="title">选择分拨</div>
            </div>
            <div class="demo3">
                <div class="icon"></div>
                <div class="title">批量分拨</div>
            </div>
        </div>
        <!-- 酒店统计 -->
        <div class="item" id="content_2" style="display: none">
            <div class="easy">
                <div class="img"></div>
                <div class="btn">开始铺货</div>
            </div>
        </div>
    </section>
</body>

</html>